<template>
    <div class="content">
        <div class="enter">
            <AssetsEnter />
        </div>
        <div class="overview">
            <el-collapse v-model="activeNames" @change="handleChange">
                <el-collapse-item title="资金列表" name="1">
                    <FundingList />
                </el-collapse-item>
                <el-collapse-item title="日历查看" name="2"></el-collapse-item>
            </el-collapse>
        </div>
    </div>
</template>

<script lang="ts" setup>
import AssetsEnter from "./AssetsEnter.vue";
import FundingList from "./FundingList.vue";
import { ref } from "vue";

// 定义表格数据

const activeNames = ref(["1"]);

const handleChange = (val: string[]) => {
    console.log(val);
};
</script>

<style scoped>
.content {
    width: 95%;
    margin: 0 auto;
    display: flex;
    margin-top: 20px;
    .enter {
        flex: 2;
    }
    .overview {
        flex: 3;
        margin-left: 60px;
    }
    .el-collapse {
        --el-collapse-header-text-color: #138bfc;
        --el-collapse-header-font-size: 20px;
    }
}
</style>
